﻿.body{ background:#ffffff;}
/* 轮播 */
.banner{
position: relative;
line-height: 0;
width: 100%;
}
.banner img{
width: 100%;
}
.banner{ width:100%;}
.banner img{width:100%;}
.advantage{ width:100%; text-align:center; background:#e9e9e9; padding:15px 0 0 0;}
.advantage img{ width:98%; text-align:center;}
.prospect_title{width:100%; padding:5% 0 0 0; font-family:"微软雅黑"; font-size:1.8rem; text-align:center; color:#007c67; font-weight:bolder; background:#e9e9e9; }
.technolog_title{width:100%; padding:5% 0 0 0; font-family:"微软雅黑"; font-size:1.2rem; text-align:center; color:#333; font-weight:bolder; background:#e9e9e9; }
.prospect_img{ width:100%; padding:2% 0; text-align:center; background:#e9e9e9;}
.prospect_img img{ width:98%;}
.recruitmen_title{width:100%; padding:5% 0 5% 0; font-family:"微软雅黑"; font-size:1.8rem; text-align:center; color:#007c67; font-weight:bolder; }
.recruitmenbg{ width:100%; padding:0 1%; background:#ffffff;}
.recruitmen{ width:100%; position:relative; border:none; height:100%; overflow:visible; top:1px;}
.zhaopin{ float:left; width:30%; height:100%; border:1px solid #b9b9b9; text-align:center;   border-bottom:none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.zhaopin-hover{ float:left; width:30%; height:100%; border:1px solid #b9b9b9; text-align:center; border-bottom:1px solid #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.zhaopin img{ width:90%;}
.zhaopin-hover img{ width:90%;}
.recruitmen_con{ width:100%; border:1px solid #b9b9b9; text-align:center; clear:both; padding:2px 0 0 0;} 
.recruitmen_con img{ width:95%;}
.technology_title{width:100%; padding:5% 0 5% 0; font-family:"微软雅黑"; font-size:0.9rem; text-align:center; color:#ffffff; font-weight:bolder; background:#007c67; }
.technology_img{ width:100%; text-align:center; background:#007c67;}
.technology_img img{ width:100%;}
.vs{width:100%; text-align:center; background:#ffffff;}
.vs img{ width:98%;}
.course_title{width:100%; padding:3% 0; font-family:"微软雅黑"; font-size:1.4rem; text-align:center; color:#eb2701; font-weight:bolder; }
.course_img{ width:100%; padding:2% 0; text-align:center;}
.course_img img{ width:90%;}
.jiuye_con{ width:100%; padding:5px 1% 13px 1%; background:#ffeee5;}
.prospect_title2{width:100%; padding:5% 0 0 0; font-family:"微软雅黑"; font-size:1.8rem; text-align:center; color:#007c67; font-weight:bolder; background:#ffffff; }
.prospect_title_small{width:100%; padding:2% 0 0 0; font-family:"微软雅黑"; font-size:0.9rem; text-align:center; line-height:25px; color:#4e4e4e; font-weight:bolder; }
.jiuye_student{width:100%; padding:10px 1%;}
.jiuye_student p{ float:left; width:33%; padding:1% 1% 1% 2%;}
.job{ width:100%; text-align:center;}
.job_title{width:100%; height:40px; line-height:40px;  font-family:"微软雅黑"; color:#ffffff; font-size:1.2rem; background:#7e7e7e; }
.job_name{ float:left; width:15%;}
.job_record{ float:left; width:30%; }
.job_pay{ float:left; width:20%; background:#cc1e20; color:#ffffff; position:relative; z-index:99;}
.job_social{ float:left; width:35%;}
.job_con{width:100%;  font-family:"微软雅黑"; color:#333333; font-size:1rem; }
.job_con p{ height:40px; line-height:40px; border-bottom:1px solid #e9e9e9; text-align:center;}
.stage-title{width:100%; padding:3% 0; font-family:"微软雅黑"; font-size:1.8rem; text-align:center; color:#eb2701; font-weight:bolder;}
.stage{width:100%;  text-align:center; line-height:0;}
.stage img{ width:90%; }



footer{
background: hsla(0,0%,100%,.95);
position: fixed;
bottom: 0;
width: 100%;
min-height: 3.5rem;
padding: 0 10px;
z-index: 998;
border: 1px solid rgba(0,0,0,0.1);
}


.bigdata-prospectsbg{width:100%; background:#e9e9e9;}
.bigdata-prospects-subtitle{ font-family: "微软雅黑";font-size: 12px;color: #444;text-align: center;margin: 10px 0 30px 0;}
.ys-con{text-align: center;display: table;width: 100%;margin: 0 auto;}
.cell{display: table-cell;vertical-align: middle;}
.row{display: table-row;}
.ys-num {    font-family: "微软雅黑";position: relative; margin:45px 10px 45px 45px;  line-height: 36px;font-size: 12px; font-weight: bold;color: #555; border: 1px solid #fff;text-align: left;    height: auto;
    padding-left: 10px;}
.ys-num:before{  
       content: '';
    background: url(../images/11.png) no-repeat;
    position: absolute;
    top: -18px;
    left: -37px;
    width: 37px;
    height: 55px;
}
.num2:before{
	background: url(../images/22.png) no-repeat;
    top: -21px;
    left: -36px;
    height: 58px;
}
.num3:before{
	 background: url(../images/33.png) no-repeat;
}
.num4:before{
	 background: url(../images/44.png) no-repeat;
}

/* 架构  **/

.course-jg {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.course-jg ul {
    margin-left: 42px;
    border-left: 2px solid #ccc;
}

.course-jg .course-jg-list {
    margin-left: -37px;
}

.course-jg .course-jg-list dl {
    overflow: hidden;
    margin-bottom: 40px;
}

.course-jg .course-jg-list dl dt {
    float: left;
    font-weight: normal;
    padding-left: 3px;
}

.course-jg .course-jg-list dl dd {
    float: right;
    width: calc(100% - 65px);
    text-align: left;
}

.course-jg .course-jg-list dl dd .live-state {
    display: inline-block;
    position: relative;
    padding: 6px 12px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #eaeaea;
    line-height: 13px;
    font-size: 12px;
}

.course-jg .course-jg-list dl dd .live-state b {
    font-weight: normal;
    margin-left: 5px;
}

.course-jg .course-jg-list dl dd .live-state i {
    position: absolute;
    top: 10px;
    left: 7px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.course-jg .course-jg-list:last-child dl {
    padding: 0;
}

.course-jg .course-jg-list .dot {
    display: block;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 35px;
    margin-left: 20px;
}

.course-jg .course-jg-list .live-line-time span {
    font-size: 16px;
}

.course-jg .course-jg-list .more {
    display: block;
    width: 78px;
    padding: 0 0 6px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 2px 2px 3px 0px #eaeaea;
    text-align: center;
}

.course-jg .course-jg-list .more i {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    border-radius: 50%;
    background: #e44859;
}

.course-jg .course-jg-list .more i:last-child {
    margin-right: 0;
}

.course-jg .course-jg-list .live-line-tit {
    padding-top: 10px;
    line-height: 22px;
}


.course-jg .course-jg-list .live-line-guest {
    padding: 3px 0 0;
    font-size: 12px;
    color: #7a7a7a;
    overflow: hidden;
}

.course-jg .course-jg-list .live-line-guest .num {
    float: right;
}

.course-jg .course-jg-list .live-line-guest .num i {
    margin-right: 3px;
    font-weight: bold;
}

.course-jg-list h2 {
   font-size: 1.5rem;
    color: #f7557c;
    line-height: 1.8rem;
}

.course-jg-con {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    color: #fff;
    margin-top: 10px;
}
.course-jg-con span{
    display: inline-block;
    background-color: rgb(241,241,241);
    padding: 3px 8px;
    color: #333;
    font-size: 0.8rem;
    line-height: 1.8rem;
    margin: 5px 5px 5px 0;
}
.course-jg-con h3 {
    font-size: 24px;
}

.course-jg-con>div {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    position: relative;

}

.course-jg-con>div:last-child{
    text-align: center;
}

.course-jg-con>div.w25 {
    width: 25%;
}

.course-jg-con>div.w48 {
    width: 48%;
}
.course-jg-con>div img{
    margin: 0 5px;
}
    
    .course-jg .course-jg-list i.j1 {
        background-image: linear-gradient(#f9736a, #f7557c);
}

.course-jg .course-jg-list i.j2 {
    background: #71ffff;
}

.course-jg-list h2.odd {
    color: #71ffff;
}
.course-jg-con p{
    text-align: center;
}

.jy-sec ul{
        font-size: 0;
        box-sizing: border-box;
    }
    .jy-sec li{
        width: 20%;
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        vertical-align: top;

    }
    #jy{

    }
    .jy-sec .bk{
        width: 100%;
        background: #d65757;
        color: #fff;
        font-size: 0.8rem;
        text-align: center;
        box-sizing: border-box;
            padding: 10px 5px;
    }
     .jy-sec .bk b{
        font-size: 1rem;
        font-weight: bold;
     }
     .jy-sec .bk p{
        line-height: 1.5rem;
        margin-top: 5px;
        text-align: left;
        padding-left: 24px;
     }

      .jy-sec .bk span{
        color: #ffeb46;
      }
      p.bk-t {
        text-align: left;
        margin: 20px ;
        font-size: 1rem;
    }
    p.bk-t a{
        color: #c30000;
    }
      p.bk-t a:hover{
        text-decoration: underline;
      }

.section{
    padding: 20px 0;
}

#jy  .swiper-slide {
    width: 30%;
    margin-right: 5px;
}

.jy-sec .swiper-container {
    width: 100%;
    height: 100%;
}
.jy-sec  .swiper-slide {
     text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.jy-sec  .swiper-slide {
    width: 226px;
    margin-right: 5px;
}

.section-title {
    margin: 0 auto;
    padding: 0 0 10px 0;
    font-weight: bolder;
    font-size: 1.2rem;
    color: #333;
    text-align: center;
}

/** 岗位 #start **/
.gw-sec{
  background: #222835;
}
.gw-sec .title{
    color: #3fbb92;
    /* position: relative; */
}
.gw-sec .title .title_in{
    position: relative;
}
.gw-sec .title .title_in::before{
    display: block;
    content: "";
    width:4.4rem;
    height: 1.7rem;
    background: url(../images/title_l.png) no-repeat;
    background-size: 4.4rem 1.7rem;
    position: absolute;
    left: -4.8rem;
    top: 0.2rem;
}
.gw-sec .title .title_in::after{
    display: block;
    content: "";
    width:4.4rem;
    height: 1.7rem;
    background: url(../images/title_r.png) no-repeat;
    background-size: 4.4rem 1.7rem;
    position: absolute;
    right:-4.8rem;
    top: 0.2rem;
}
.gw-sec .section-content{
  padding-top: 20px;
}
.gw-sec ul{
    font-size: 0;
    display:flex;
    justify-content: space-around;
}
.gw-sec li{
    display: inline-block;
    padding: 0 10px;
    line-height: 2.5rem;
    font-size: 1rem;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    vertical-align: top;
    padding: 5px;
    width: 6.15rem;
    height: 3.4rem;
    background: url(../images/tab_k.png) no-repeat;
    background-size: 6.15rem 3.4rem;
    color: #fff;
}

.gw-sec li span{
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/arrow_m.png) no-repeat;
    background-size: 26px 26px;
    margin: auto;
    margin-top: 8px;
    display: none;
}
.gw-sec li.active{
    width: 6.15rem;
    height: 3.4rem;
    background: url(../images/tab_s.png) no-repeat;
    background-size: 6.15rem 3.4rem;
    color: #fff;
    font-weight: 700;
}
.gw-sec li.active span{
    display: block;
}
.gwxz{
    margin: 23px 5px 0 5px;
    position: relative;
    /* width: 32rem; */
    height: 16.75rem;
    background: url(../images/bg_02.png) no-repeat;
    background-size: 100% 16.75rem;
  
}
.gwxz h2{
     margin: 0;
    position: absolute;
    font-size: 1.2rem;
    width: 332px;
    line-height: 58px;
    top: -29px;
    left: 50%;
    margin-left: -166px;
    color: #fff;
    background: url(../images/gw_tlt_bg.png) center no-repeat;
    text-align: center;
    background-size: 60% auto;
}
.gwxz img{
      /* margin: 35px 0 25px 0; */
      width: 90%;
      height: 190px;
      margin-top: 23px;
}
.gwxz div{
  display: none;
}
.gwxz div.active{
  display: block;
}
/** 岗位 #end**/

/** 项目 #start **/
.xm-sec{
  background: #f5f5f5;
}

.xm-sec .section-content{
  padding-bottom: 20px;
}
.xm-sec li{
  display: inline-block;
  padding: 0 ;
  width: 165px;
  height: 57px;
  line-height: 57px;
  font-size: 18px;
  text-align: center;
  margin: 10px 3px;
  background: url(../images/xm_nav_bg.png) no-repeat;
  cursor: pointer;
  color: #fff;
}
.xm-sec li.active{
   background: url(../images/xm_nav_bg_hover.png) no-repeat;
}
.xmxz{
  margin: 0 auto ;
  position: relative;
      padding:10px;
}


.xmxz p{
  text-align: left;
}
.xm_info{
  margin-top: 10px;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  height: 180px;
  padding: 10px;
}
.xm_info p{
  font-size: 1rem;
}
.xm_info p b{
  background:#0d7cbc;
  padding: 3px 10px;
  border-radius: 10px;
  color: #fff;
      font-size: 1rem;
    margin: 5px 0;
    display: inline-block;}
.xm_info p b.fx{
  background: #0d7cbc;
}


.xm-sec .swiper-container {
    width: 100%;
    height: 100%;
}
.xm-sec  .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 80%;

    /* Center slide text vertically */
   
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.xm-sec  .swiper-slide div{
  padding: 5px;
}

/** 项目 #end**/

/* 保障 */

.bz-sec{
  background: url(../images/bz_bg.jpg) no-repeat center;
  background-size: auto 100%;
  padding: 2rem 0;
}

.db-sec{
    background: rgb(18,36,79);
}

.db-sec h1{
    color: #fff;
        padding: 28px 0 10px 0;
}
.db-sec .section-title{
    padding: 0;
    width: 100%;
    height: 172px;
    background: url(../images/dbt.png) no-repeat center center;
}
.db-sec .section-title p{
    color: #fff;
}
.kcdb-c{
    width: 100%;
    margin: 0 auto;
    /* margin-top: 70px; */
    padding-bottom: 50px;
}
.db-l{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

.db-r{
    width: 65%;
    display: inline-block;
    vertical-align: top;
}
.dbin{
    width: 100%;
    height: 803px;
    background: url(../images/dbin.png) no-repeat center;
}
.dbin div{
    text-align: left;
}
.dbin h3{
    color: #fff;
    text-align: center;
    padding-top: 60px;
    font-size: 20px;
}
.dbin span{
        display: inline-block;
    border: 2px solid #05dce3;
    padding: 4px;
    border-radius: 20px;
    color: #fff;
    font-size: 0.8rem;
    margin: 10px 5px 0 0;

}